window.addEventListener('load', function () {

    navTab('.left-nav li','.main-item');
    navTab('.project-tabs li','.project-item');
    navTab('.jzd-tabs li','.jzd-item');
    



    /**
     * tab切换
     * @param {*} liS  导航中所有的li 
     * @param {*} itemS 所有的模块
     */
     function navTab(liS,itemS) {
        //获取导航中所有的li
        var leftNav = document.querySelectorAll(liS);

        //获取所有的模块
        var items = document.querySelectorAll(itemS);
        console.log(items);

        //循环li让选中的展示
        for (var i = 0; i < leftNav.length; i++) {
            leftNav[i].onclick = function () {
                console.log(this.dataset.name); 
                for (var j = 0; j < items.length; j++) {
                    leftNav[j].classList.remove('active');
                    items[j].classList.remove('show');
                }
                var itemShow = document.querySelector(`.${this.dataset.name}`);
                itemShow.classList.add('show');
                this.classList.add('active');
            }
        }
    }


})
